<html>

<head>
    <meta name="viewport" content="width=device-width, minimum-scale=0.1">
    <title>Pic (684×44)</title>
    <style type="text/css">
      body{
        text-align: center;
        padding-top: 100px;
      }
      .price {font-size: 18px;vertical-align: bottom;}
      .number {
        background-image: url('/tmp/linuxandlife.png');
        background-position: -18px -1px;
        padding: 0 4px;
      }
    </style>
</head>

<body style="margin: 0px;">
<p>
  <span class="price">
    <var class="number"></var>
  </span>
<p>
<p>convert -size 108x20 xc:transparent -pointsize 14 -fill orange -draw "text 20,14 '123456789.0'" linuxandlife.png<p>
</body>

</html>
